.competition-head{
    font-size:18px;
    font-weight:500;
    width: 100%;
    height: 56px;
    background:rgba(0,0,0,0.7);
    position: fixed; 
    z-index: 10;}
    .competition-head .competition-head-pre {
        width: 13px;
        height: 13px;
        position: absolute;
        top: 50%;
        left: 20px;
        z-index: 99;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        transform: translateY(-50%) rotate(-45deg);}
    .competition-head .competition-head-title {
        padding: 0 36px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        line-height:56px; 
        color: #fff;
        text-align: center;}
.competition-list-container {
    width: 100%;
    height: 100%; 
    padding: 56px 16px 0 16px;
    box-sizing: border-box;
    overflow-y: auto;
    position: fixed; 
    background: url(../img/bg.png) no-repeat 0 0;
    background-size: cover;}
    .competition-list-container .competition-panel-item {
        width: 100%;
        margin-bottom: 10px;
        border-radius:5px;
        background:rgba(255,255,255,1); }
        .competition-list-container .competition-panel-item .competition-item-img {
            width: 100%; 
            border-top-left-radius: 5px;
            border-top-right-radius: 5px; }
            .competition-list-container .competition-panel-item .competition-item-con {
                padding: 8px;
                box-sizing: border-box; }
                .competition-list-container .competition-item-con .competition-item-title {
                    font-size:16px;
                    font-weight:400;
                    color:rgba(0,0,0,1);
                    line-height:22px; }
                    .competition-list-container .competition-item-con .competition-item-time {
                        font-size:12px;
                        color:rgba(169,169,169,1);
                        line-height:14px; }